import Section from '../section'
import Plugin from './plugin'
import styles from './plugins.module.css'
import Image from "next/image";
import Banner from '@/public/static/images/preview/banner.png'

const Plugins = () => (
  <Section>
    <div className={styles.plugins}>
      <div className={styles.pluginsText}>
        <div className={styles.power}>
          <a target="_blank" href="https://juejin.cn/book/7302990019642261567"><h3>《Electron 应用开发实践指南》</h3></a>
          <p>如果你对 Rubick 实现原理感兴趣，或者向学习 Electron 的实战技能，那么这将是一本非常适合你的课程。</p>
          <p>这个课程是由 Rubick 作者亲自编写，PicGo、Electron-Egg 作者作序，质量非常高！</p>
        </div>
      </div>

      <div className={styles.pluginsDisplay}>
        <div className={styles.listWrapper}>
          <a target="_blank" href="https://juejin.cn/book/7302990019642261567">
            <Image className={styles.listBanner} src={Banner} alt="" />
          </a>
        </div>
      </div>
    </div>
  </Section>
)

export default Plugins
